<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">

		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<title>OPPO官方商城</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/oppo.css" />
	</head>

	<body>
		
		<div class="zong">

			<!--回到顶部锚点-->
			<a name="mytop"></a>
			<!--导航栏-->
			<div class="top_nav">
				<div class="top_nav_c">
					<div class="nav_left">

						<ul>
							<li>OPPO官网</li>
							<li>一加官网</li>

						</ul>
					</div>
					<div class="nav_right">

						<ul>
							<li class="download">下载OPPO商城 APP
								<!--欢太商城 APP悬浮二维码-->
								<div class="download_div">
									<img class="download_img" src="/img/erweima.jpg" />
								</div>
							</li>
							<li>丨 </li>
							<li><img src="/img/login.png" />{{message}} 欢迎您</li>
							<li>丨 </li>
							<li> <a href="/user/sign/up">注册</a></li>
							<li>丨 </li>
							<li><img src="/img/gwc.png" /><a href="/good/list">购物车</a> </li>
						</ul>
					</div>
				</div>
			</div>
			<!--搜索栏-->
			<div class="search">
				<div class="search_c">

					<img class="logo" src="/img/logo.png" />

					<div class="topics">
						<ul>
							<li>OPPO专区</li>
							<li>OnePlus专区</li>
							<li>realme专区</li>
							<li>智能硬件</li>
							<li>潮流好物</li>
							<li>服务</li>
						</ul>
					</div>
					<div class="search_a">
						<input type="text" class="search_b" name="" id="" value="" placeholder="OPPO Reno6" />
						<a href=""><img src="/img/search.png" /></a>
					</div>

				</div>
			</div>
			<!--轮播图-->
			<div id="demo" class="carousel slide" data-ride="carousel">

				<!-- 指示符 -->
				<ul class="carousel-indicators">
					<li data-target="#demo" data-slide-to="0" class="active"></li>
					<li data-target="#demo" data-slide-to="1"></li>
					<li data-target="#demo" data-slide-to="2"></li>
					<li data-target="#demo" data-slide-to="3"></li>
				</ul>

				<!-- 轮播图片 -->
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img src="/img/lb0.png">
					</div>
					<div class="carousel-item">
						<img src="/img/lb1.png">
					</div>
					<div class="carousel-item">
						<img src="/img/lb2.png">
					</div>
					<div class="carousel-item">
						<img src="/img/lb3.png">
					</div>
				</div>

				<!-- 左右切换按钮 -->
				<a class="carousel-control-prev" href="#demo" data-slide="prev">
					<span class="carousel-control-prev-icon"></span>
				</a>
				<a class="carousel-control-next" href="#demo" data-slide="next">
					<span class="carousel-control-next-icon"></span>
				</a>

			</div>
			<!--轮播图下方商品系列介绍-->
			<div class="goods">

				<div class="goods_1">
					<img src="/img/sj01.jpg" />
					<p>颜值Reno系列</p>

				</div>
				<div class="goods_1">
					<img src="/img/sj02.jpg" />
					<p>旗舰Find X系列</p>
				</div>
				<div class="goods_1">
					<img src="/img/sj03.jpg" />
					<p>硬核玩家系列</p>
				</div>
				<div class="goods_1">
					<img src="/img/sj04.jpg" />
					<p>人气A系列</p>
				</div>
				<div class="goods_1">
					<img src="/img/sj05.jpg" />
					<p>智能声学</p>
				</div>
				<div class="goods_1">
					<img src="/img/sj06.jpg" />
					<p>智能穿戴</p>
				</div>
				<div class="goods_1">
					<img src="/img/sj07.jpg" />
					<p>智能电视</p>
				</div>
				<div class="goods_1">
					<img src="/img/sj08.jpg" />
					<p>充电配件</p>
				</div>

			</div>

			<!--商品详情-->
			<div class="goodslist">
				<!--商品详情图片-->
				<div class="goodsimg">
					<a href="/good/add"><img class="goods_2" src="/img/goods1.jpg" /></a>

					<a href="/good/add2"><img class="goods_2" src="/img/goods2.jpg" /></a>
					<a href="/good/add"><img class="goods_2" src="/img/goods3.jpg" /></a>
					<a href="/good/add2"><img class="goods_2" src="/img/goods4.jpg" /></a>
					<a href="/good/add"><img class="goods_2" src="/img/goods5.jpg" /></a>
					<a href="/good/add2"><img class="goods_2" src="/img/goods6.jpg" /></a>

				</div>
				<div class="to_right">

					<div class="right1">
						<img src="/img/right1.svg" />
						<p>在线客服</p>
					</div>
					<div class="right1">
						<img src="/img/right2.svg" />
						<p>客服热线</p>
					</div>
					<div class="right1">

						<img src="/img/right3.svg" />
						<p>下载APP</p>

					</div>
					<div class="right1">
						<img src="/img/right4.svg" />
						<p>浏览评价</p>
					</div>

					<div class="right1">
						<div class="to_top">

							<a href="#mytop">
								<img src="/img/top.svg" />
								<p>回到顶部</p>
							</a>
						</div>
					</div>
				</div>
				<div class="bottom_zong">
					<!--底部-->
					<div class="bottom">
						<div class="bottom_img">
							<img src="/img/bottom1.svg" />

							<img src="/img/bottom2.svg" />

							<img src="/img/bottom3.svg" />

							<img src="/img/bottom4.svg" />

							<img src="/img/bottom5.svg" />
						</div>
						<div class="bottom_text">
							<p> 1年全国联保</p>
							<p> 7天无理由退货</p>
							<p> 官方换货保障</p>
							<p> 满69元包邮</p>
							<p> 916 家售后网点</p>
						</div>
						<hr />
						<div class="about">
							<ul>
								<li>关于欢太</li>
								<li>了解欢太</li>
								<li>欢太产品与服务</li>
							</ul>

							<ul>

								<li>OPPO产品</li>
								<li>OPPO Reno6</li>
								<li>OPPO Reno6 Pro</li>
								<li>OPPO Reno6 Pro+</li>
								<li>OPPO Find X3 Pro</li>
								<li>OPPO Find X3</li>
								<li>OPPO产品</li>
								<li>OPPO Reno5</li>
								<li>OPPO K9</li>

								<li>OPPO K7x</li>
								<li>OPPO A95</li>
								<li>OPPO A93</li>
							</ul>
							<ul>

								<li>一加产品</li>
								<li>OnePlus 9 Pro</li>
								<li>OnePlus 9</li>
								<li>OnePlus 9R</li>
								<li>OnePlus 8T</li>
								<li>OnePlus Watch</li>
								<li>OnePlus Buds Pro</li>
							</ul>

							<ul>
								<li>realme产品</li>
								<li>真我GT 大师探索版</li>
								<li>真我X7 Pro 至尊版</li>
								<li>真我Q3 Pro</li>
								<li>真我V15</li>
								<li>真我Buds Wireless 2 Neo</li>
							</ul>
							<ul>
								<li>服务政策</li>
								<li>OPPO售后政策</li>
								<li>一加售后政策</li>
								<li>realme售后政策</li>
								<li>配送发货说明</li>
								<li>花呗分期说明</li>
								<li>电子发票说明</li>

							</ul>
							<ul>
								<li class="kefu" style="color: white;"><img src="/img/kefu.svg" />在线客服</li>
								<li style="color: #000;">400-1999-666</li>
								<li style="color: #000;">24小时全国热线</li>

							</ul>
						</div>
						<hr />
						<div class="bottom_last">
							<p>© 2021 欢太 版权所有 粤ICP备14012291号 |隐私政策|用户使用协议|资质证照|知识产权</p>
							<p><img src="/img/hui.png" />粤公网安备 44190002004935号</p>
						</div>
					</div>
				</div>
			</div>

		</div>

	</body>

</html>